
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .box1{height:400px;background:#ccc;}
        .box2{height:600px;background:#666;}
    </style>
</head>
<body>
<div class="box1" id="top"></div>
<div class="box2"></div>
<input type="button" id="btn" value="返回顶部">
<script>
    //location对象提供了与当前窗口加载的文档有关的信息，还提供了一些导航的功能，它既是window对象的属性，也是document对象的属性。
    //语法：location.href 功能：返回当前加载页面的完整url
    //console.log(location.href);
    //console.log(location.hash);
    var btn=document.getElementById("btn");
    btn.onclick=function(){
        location.hash="#top";
    }
    console.log(location.pathname);
    console.log(location.host) //打印主机地址
    console.log(location.search)//返回url的查询字符串，这个字符串以问好开头
    console.log(location.protocol)//返回页面使用的协议
</script>
</body>
</html>